@use "sass:color" as color;


@each $header, $color in (success:#73d13d,info: #8c8c8c, danger: #ff4d4f, primary: #1890ff) {
    .#{$header}-text {
        color: $color;
    }
};


//card 样式
$card-color: rgb(255, 255, 255);
$card-bgc:#fff;
$card-shadow: rgb(215, 215, 215) 1px 1px 3px;
$card-shadow-hover: rgb(184, 184, 184) 1px 1px 6px;
$card-bgc-detail: rgb(246, 246, 246);
$icon-color-base: rgb(47, 157, 255);
/**
 * @desc gray background-color
 */
$paper-bgc-gray:rgb(241, 241, 241);
$succses-color:#73d13d;
$danger-color:#ff4d4f;
$primary-color:#1890ff;
$info-color:#8c8c8c;
$color-purple:#531dab;
$color-purple-1:#22075e;

$color-blue:#096dd9;

$color-pink:#9e1068;

$color-font-dataset-title:#444444;
$color-font-gray:#666666;
$color-border-gray:#c6c6c6;


// $color-black-1:#000;

$color-dark-blue: #28354f;
$color-dark-blue-1: #28354f;
$color-dark-blue-2: #28354f;
$color-dark-blue-3: #28354f;
$color-dark-blue-4: #28354f;
$color-dark-blue-5: #28354f;
$color-dark-blue-6: #28354f;
$color-dark-blue-7: #28354f;
$color-dark-blue-8: #28354f;
$color-dark-blue-9: #28354f;

$color-gray: #28354f;
$color-gray-1: #28354f;
$color-gray-2: #28354f;
$color-gray-3: #28354f;
$color-gray-4: #28354f;
$color-gray-5: #28354f;
$color-gray-6: #28354f;
$color-gray-7: #28354f;
$color-gray-8: #28354f;
$color-gray-9: #28354f;


$text-color:black;
$text-color-1:#fff;
$text-color-2:#fff;
$text-color-3:#fff;
$text-color-4:#fff;
$text-color-5:#fff;
$text-color-6:#fff;
$text-color-7:#fff;
$text-color-8:#fff;
$text-color-9:#fff;


$text-color-white:white;
$text-color-white-1:darken($text-color-white,10*1);
$text-color-white-2:darken($text-color-white,10*2);
$text-color-white-3:darken($text-color-white,10*3);
$text-color-white-4:darken($text-color-white,10*4);
$text-color-white-5:darken($text-color-white,10*5);
$text-color-white-6:darken($text-color-white,10*6);
$text-color-white-7:darken($text-color-white,10*7);
$text-color-white-8:darken($text-color-white,10*8);
$text-color-white-9:darken($text-color-white,10*9);






$activeThumbColor:lighten(#000,70);
$thumbColor:lighten(#000,60);
$trackBgColor:lighten(#000,35);


// 多种颜色不同深度



$c-gray-0:#f8f9fa;
$c-gray-1:#f1f3f5;
$c-gray-2:#e9ecef;
$c-gray-3:#dee2e6;
$c-gray-4:#ced4da;
$c-gray-5:#adb5bd;
$c-gray-6:#868e96;
$c-gray-7:#495057;
$c-gray-8:#343a40;
$c-gray-9:#212529;
$c-gray-10:#15181b;


$c-red-0:#fff5f5;
$c-red-1:#ffe3e3;
$c-red-2:#ffc9c9;
$c-red-3:#ffa8a8;
$c-red-4:#ff8787;
$c-red-5:#ff6b6b;
$c-red-6:#fa5252;
$c-red-7:#f03e3e;
$c-red-8:#e03131;
$c-red-9:#c92a2a;


$c-pink-0:#fff0f6;
$c-pink-1:#ffdeeb;
$c-pink-2:#fcc2d7;
$c-pink-3:#faa2c1;
$c-pink-4:#f783ac;
$c-pink-5:#f06595;
$c-pink-6:#e64980;
$c-pink-7:#d6336c;
$c-pink-8:#c2255c;
$c-pink-9:#a61e4d;



$c-grape-0:#f8f0fc;
$c-grape-1:#f3d9fa;
$c-grape-2:#eebefa;
$c-grape-3:#e599f7;
$c-grape-4:#da77f2;
$c-grape-5:#cc5de8;
$c-grape-6:#be4bdb;
$c-grape-7:#ae3ec9;
$c-grape-8:#9c36b5;
$c-grape-9:#862e9c;

$c-violet-0:#f3f0ff;
$c-violet-1:#e5dbff;
$c-violet-2:#d0bfff;
$c-violet-3:#b197fc;
$c-violet-4:#9775fa;
$c-violet-5:#845ef7;
$c-violet-6:#7950f2;
$c-violet-7:#7048e8;
$c-violet-8:#6741d9;
$c-violet-9:#5f3dc4;

$c-indigo-0:#edf2ff;
$c-indigo-1:#dbe4ff;
$c-indigo-2:#bac8ff;
$c-indigo-3:#91a7ff;
$c-indigo-4:#748ffc;
$c-indigo-5:#5c7cfa;
$c-indigo-6:#4c6ef5;
$c-indigo-7:#4263eb;
$c-indigo-8:#3b5bdb;
$c-indigo-9:#364fc7;

$c-blue-0:#e7f5ff;
$c-blue-1:#d0ebff;
$c-blue-2:#a5d8ff;
$c-blue-3:#74c0fc;
$c-blue-4:#4dabf7;
$c-blue-5:#339af0;
$c-blue-6:#228be6;
$c-blue-7:#1c7ed6;
$c-blue-8:#1971c2;
$c-blue-9:#1864ab;

// @debug color.adjust(#004475,$blue:0);
$c-sea-0:color.adjust(#28354f,$blue:0);
$c-sea-1:color.adjust(#28354f,$blue:10);
$c-sea-2:color.adjust(#28354f,$blue:20);
$c-sea-3:color.adjust(#28354f,$blue:30);
$c-sea-4:color.adjust(#28354f,$blue:40);
$c-sea-5:color.adjust(#28354f,$blue:50);
$c-sea-6:color.adjust(#28354f,$blue:60);
$c-sea-7:color.adjust(#28354f,$blue:70);
$c-sea-8:color.adjust(#28354f,$blue:80);
$c-sea-9:color.adjust(#28354f,$blue:90);
$c-sea-10:color.adjust(#28354f,$blue:100);



$c-cyan-0:#e3fafc;
$c-cyan-1:#c5f6fa;
$c-cyan-2:#99e9f2;
$c-cyan-3:#66d9e8;
$c-cyan-4:#3bc9db;
$c-cyan-5:#22b8cf;
$c-cyan-6:#15aabf;
$c-cyan-7:#1098ad;
$c-cyan-8:#0c8599;
$c-cyan-9:#0b7285;

$c-teal-0:#e6fcf5;
$c-teal-1:#c3fae8;
$c-teal-2:#96f2d7;
$c-teal-3:#63e6be;
$c-teal-4:#38d9a9;
$c-teal-5:#20c997;
$c-teal-6:#12b886;
$c-teal-7:#0ca678;
$c-teal-8:#099268;
$c-teal-9:#087f5b;

$c-green-0:#ebfbee;
$c-green-1:#d3f9d8;
$c-green-2:#b2f2bb;
$c-green-3:#8ce99a;
$c-green-4:#69db7c;
$c-green-5:#51cf66;
$c-green-6:#40c057;
$c-green-7:#37b24d;
$c-green-8:#2f9e44;
$c-green-9:#2b8a3e;

$c-lime-0:#f4fce3;
$c-lime-1:#e9fac8;
$c-lime-2:#d8f5a2;
$c-lime-3:#c0eb75;
$c-lime-4:#a9e34b;
$c-lime-5:#94d82d;
$c-lime-6:#82c91e;
$c-lime-7:#74b816;
$c-lime-8:#66a80f;
$c-lime-9:#5c940d;

$c-yellow-0:#fff9db;
$c-yellow-1:#fff3bf;
$c-yellow-2:#ffec99;
$c-yellow-3:#ffe066;
$c-yellow-4:#ffd43b;
$c-yellow-5:#fcc419;
$c-yellow-6:#fab005;
$c-yellow-7:#f59f00;
$c-yellow-8:#f08c00;
$c-yellow-9:#e67700;

$c-orange-0:#fff4e6;
$c-orange-1:#ffe8cc;
$c-orange-2:#ffd8a8;
$c-orange-3:#ffc078;
$c-orange-4:#ffa94d;
$c-orange-5:#ff922b;
$c-orange-6:#fd7e14;
$c-orange-7:#f76707;
$c-orange-8:#e8590c;
$c-orange-9:#d9480f;

$c-deepblue:#28354f;
$c-deepblue-1:lighten($c-deepblue,0*5);
$c-deepblue-2:lighten($c-deepblue,1*5);
$c-deepblue-3:lighten($c-deepblue,2*5);
$c-deepblue-4:lighten($c-deepblue,3*5);
$c-deepblue-5:lighten($c-deepblue,4*5);
$c-deepblue-6:lighten($c-deepblue,5*5);
$c-deepblue-7:lighten($c-deepblue,6*5);
$c-deepblue-8:lighten($c-deepblue,7*5);
$c-deepblue-9:lighten($c-deepblue,8*5);
$c-deepblue-10:lighten($c-deepblue,9*5);